<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="layouts/layout"
	th:with="header='业务报警', subtext='管理系统中业务报警'" style="overflow: hidden;">

<head>
<link rel="stylesheet"
	th:href="@{|${theme}/css/plugins/daterangepicker/daterangepicker-bs3.css?|}" />
<title>业务报警</title>
</head>
<body style="overflow: hidden;">


	<th:block layout:fragment="content">
		<div id="query-area" class="box-body m-b-sm border-bottom">
			<form class="form-horizontal search-form" role="form">
				<div class="row">
					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label col-lg-3" for="todealStatus">重处理</label>
							<div class="col-lg-9">
								<select name="todealStatus" id="todealStatus"
									class="form-control">
									<option value="">请选择</option>
									<option value="0">需重处理</option>
									<option value="1">已处理</option>
									<option value="2">无需重处理</option>
								</select>
							</div>
						</div>
					</div>

					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label col-lg-2" for="alertTime">报警时间</label>
							<div class="col-lg-10">
								<input type="text" id="alertTime" name="alertTime" value=""
									placeholder="请输入报警时间段" class="form-control" />
							</div>
						</div>
					</div>

					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label col-lg-3" for="keyval">关键值</label>
							<div class="col-lg-9">
								<input type="text" id="keyval" name="keyval" value=""
									   placeholder="输入报警关键字" class="form-control" />
							</div>
						</div>
					</div>

					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label col-lg-3" for="alertInfo">报警信息</label>
							<div class="col-lg-9">
								<input type="text" id="alertInfo" name="alertInfo" value=""
									placeholder="输入报警信息" class="form-control" />
							</div>
						</div>
					</div>

					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label col-lg-3" for="alertModule">应用模块</label>
							<div class="col-lg-9">
								<input type="text" id="alertModule" name="alertModule" value=""
									placeholder="输入应用模块" class="form-control" />
							</div>
						</div>
					</div>

					<div class="col-sm-3">
						<div class="form-group">
							<label class="control-label col-lg-3" for="alertPlace">位置</label>
							<div class="col-lg-9">
								<input type="text" id="alertPlace" name="alertPlace" value=""
									   placeholder="输入位置信息" class="form-control" />
							</div>
						</div>
					</div>
				</div>
				<div class="row m-t">
					<div class="col-lg-12 seach-button">
						<div class="pull-right">
							<button type="submit" id="search" class="btn btn-primary">
								<i class="fa fa-search"></i> 搜索
							</button>
							<button type="reset" id="clear" class="btn btn-danger">
								<i class="fa fa-remove"></i> 清除
							</button>
						</div>
					</div>
				</div>
			</form>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<div class="box">
					<div class="box-body">
						<h2>
							<a class="btn btn-danger btn-sm redoAll" href="javascript:;"
								th:title="重处理"> <i class="fa fa-fw fa-refresh"></i> 重处理
							</a>
							<div class="pull-right">
								<a class="btn btn-info export" th:title="导出数据"> <i
									class="fa fa-fw fa-cloud-upload"></i> 导出数据
								</a>
							</div>
						</h2>
                        <div id="tableWrapper">
                            <table id="table" class="table table-striped table-hover table-bordered table-fixed">
                                <thead style="position:sticky;top:0;z-index:10;">
                                <tr>
                                    <th style="width:50px;">
                                        <a href="javascript:;" class="selectAll" title="全选">全选</a>
                                    </th>

										<th style="width:80px;">应用模块</th>
										<th style="width:130px;">报警时间</th>
										<th style="width:80px;">报警位置</th>
                                        <th style="width:80px;">关键值</th>
										<th style="width:180px;">报警信息</th>
										<th style="width:70px;">错误级别</th>
										<th style="width:70px;">是否解决</th>
										<th style="width:60px;">解决人</th>
										<th style="width:110px;">解决时间</th>
										<th style="width:70px;">重处理</th>
										<th style="width:80px;">需要重处理</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<form id="redoForm" method="post" style="display: none"
			th:action="@{|${baseUrl}/redo|}">
			<input id="ids" type="hidden" name="ids" />
		</form>
		<form id="exportForm" method="post" style="display: none"
			th:action="@{|${baseUrl}/export|}"></form>
	</th:block>
	<th:block layout:fragment="scripts">
		<script
			th:src="@{|${theme}/plugins/fullcalendar/moment.min.js?v=${applicationVersion}|}"></script>
		<script
			th:src="@{|${theme}/plugins/daterangepicker/daterangepicker.js?v=${applicationVersion}|}"
			th:inline="javascript"></script>
		<script th:src="@{|${theme}/js/app/task/alert_list.js|}"
			src="/themes/inspinia/js/app/task/alert_list.js"
			th:inline="javascript"></script>
	</th:block>
</body>

</html>
